Tengo este código con literales de plantilla dentro del componente y recibo un error de análisis de ESLint. Traté de usar @babel/eslint-parser pero no ayuda. También con este error de análisis: Token inesperado, esperado "..." Tengo '...' esperado.ts(1005)

 import React from "react"; import { Link } from "react-router-dom"; import logo from "../../images/logo_cl.png"; function Comptetition({ competition }) { return ( <Link to {`/competitions/${competition.id}`}> <li className="complist__item"> <img className="complist__item-image" src={logo} alt="item" /> <p className="complist__item-name">{competition.name}</p> <p className="complist__item-country">{competition.area.name}</p> </li> </Link> ); } export default Comptetition;

mi .eslintrc.json se ve así:

 { "env": { "browser": true, "jest": true, "es6": true, "node": true }, "plugins": [ "import", "react" ], "extends": [ "eslint:recommended", "plugin:react/recommended", "airbnb-base", "plugin:prettier/recommended" ], "parser": "@babel/eslint-parser", "parserOptions": { "ecmaVersion": 12, "sourceType": "module", "requireConfigFile": false, "ecmaFeatures": { "jsx": true, "modules": true }, "babelOptions": { "presets": [ "@babel/preset-react" ] } }, "rules": { "semi": "error", "no-console": "warn", "no-eval": "error", "import/first": "error", "prefer-template": 1, "no-param-reassign": [ 2, { "props": false } ] } }

Ya he leído mucha información pero no puedo resolver este error en VScode